
.nav-tabs > li > a {
  border-radius: 0;
}
.btn {
  border-radius: 0;
}
.input-group-addon {
  border-radius: 0;
  padding: 6px 14px;
}
.radio label,
.checkbox label {
  line-height: 20px;
}
.form-control {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 38px;
}
body {
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
}
.logo {
  background: url("../images/logo.png") no-repeat;
  display: inline-block;
  text-indent: -9999px;
  width: 202px;
  height: 48px;
}
.list-inline > li {
  padding: 0 8px;
}
.dib {
  display: inline-block;
  *display: online;
  *zoom: 1;
}
li.spacer {
  background-color: #d3d3d3;
  padding: 0;
  width: 1px;
  height: 12px;
  margin-top: 12px;
  overflow: hidden;
}
input,
button {
  outline: none;
}
.btn-theme {
  color: #ffffff;
  background-color: #ec6209;
  border-color: #ec6209;
}
.btn-theme:hover {
  color: #ffffff;
}
.btn-gray {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  color: #666666;
}
.btn-gray:hover {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
  color: #666666;
}
a {
  color: #3c3c3c;
}
a:hover,
a :focus {
  color: #3c3c3c;
}
.theme-text {
  color: #fe7400;
}
.header {
  background-color: #f5f5f5;
  height: 35px;
  line-height: 35px;
}
.header .navbar-link li {
  float: left;
}
.header .navbar-link a {
  color: #8b8b8b;
  text-decoration: none;
}
.header .navbar-link a:hover {
  color: #fe7400;
}
.search {
  padding-top: 30px;
  padding-bottom: 30px;
}
.search .logo {
  float: left;
}
.search .search-warp {
  margin: 0 220px 0 340px;
}
.search .search-warp .search-input {
  padding: 8.5px;
  border: 1px solid #fe7400;
  border-right: none;
  width: 400px;
  float: left;
}
.search .search-warp .btn {
  font-weight: bold;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  padding: 0 20px;
}
.search .search-warp .hot-words {
  margin-top: 5px;
}
.search .search-warp .hot-words a {
  margin-right: 5px;
  color: #606060;
  font: 12px/150% Arial, Verdana, "\5b8b\4f53";
}
.search .search-warp .hot-words a:hover {
  color: #fe7400;
}
#navigation .active {
  background-color: #ffffff;
}
#navigation .active a {
  color: #fe7400;
}
.pagination .active a {
  background-color: #fe7400;
  border-color: #fe7400;
}
.pagination .active a:hover {
  background-color: #ec6209;
  border-color: #ec6209;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination > li:last-child > a,
.list-view .pagination .pagination > li:last-child > span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pagination > li > a,
.pagination > li > span {
  margin-left: 5px;
  color: #707070;
}
.screening {
  border: 1px solid #ddd;
  margin-top: 20px;
  padding: 10px 20px;
}
.screening .screen-filter {
  line-height: 30px;
  font-weight: bold;
  color: #646464;
  border-bottom: 1px dashed #ccc;
}
.screening .screen-filter:last-child {
  border-bottom: none;
}
.screening .screen-filter span {
  display: block;
  float: left;
}
.screening .screen-filter a {
  white-space: nowrap;
  display: block;
  float: left;
  color: #444;
  padding: 0 4px;
  font-size: 12px;
}
.screening .screen-filter a.active {
  color: #ec6209;
}
.order {
  margin-top: 15px;
  border: 1px solid #ddd;
  padding: 10px;
}
.navigation {
  background-color: #fe7400;
  font-weight: bold;
  font-size: 16px;
}
.navigation .service-text {
  text-align: center;
  line-height: 50px;
  background-color: #ec6209;
  width: 220px;
  color: #ffffff;
}
.navigation .nav a {
  color: #ffffff;
  padding-left: 30px;
  padding-right: 30px;
}
.navigation .nav a:hover {
  background-color: #ffffff;
  color: #fe7400;
}
.service-nav {
  width: 220px;
  background-color: #fe7400;
}
.service-nav .navbar {
  border: none;
  font-size: 14px;
  margin-bottom: 0;
}
.service-nav .navbar a {
  color: #ffffff;
  padding: 8.8px 15px;
}
.service-nav .navbar a:hover {
  color: #fe7400;
  background-color: #ffffff;
}
#g-adv {
  margin-top: 15px;
}
#g-invit {
  font-size: 14px;
}
#g-invit span.tt {
  color: #999;
  line-height: 50px;
}
#g-invit h3 {
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  border-top: 0;
  height: 40px;
  margin: 0;
  text-align: center;
  font-size: 14px;
  color: #69f;
}
#g-invit h3 em {
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  font-style: normal;
  background: url(../images/arw-up.png) no-repeat 95% 50%;
}
#g-invit h3 em.down {
  background-image: url(../images/arw-down.png);
}
#g-invit h4 {
  font-size: 14px;
  margin: 0;
  border-top: 3px solid #ff7300;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding-left: 20px;
  color: #333;
  height: 50px;
  line-height: 50px;
  position: relative;
}
#g-invit h4 a {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #00589f;
}
#g-invit .fm {
  padding: 30px 0;
  font-size: 14px;
  border: 1px solid #ccc;
}
#g-invit .fm tabel {
  width: 100%;
}
#g-invit .fm td,
#g-invit .fm th {
  padding: 10px;
  color: #333;
  font-size: 14px;
}
#g-invit .fm td input,
#g-invit .fm th input {
  border: 1px solid #ddd;
  line-height: 18px;
  padding: 8px;
  width: 300px;
}
#g-invit .fm td textarea,
#g-invit .fm th textarea {
  border: 1px solid #ddd;
  line-height: 18px;
  padding: 8px;
  width: 300px;
  height: 100px;
}
#g-invit .fm td input.chk,
#g-invit .fm th input.chk {
  height: 15px;
  line-heinght: 15px;
  padding: 0;
  width: 15px;
}
#g-invit .fm td button,
#g-invit .fm th button {
  border: none;
  background-color: #e96109;
  color: #fff;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  padding: 0 50px;
  cursur: pointer;
}
#g-invit .fm td label,
#g-invit .fm th label {
  font-weight: 400;
}
#g-invit .fm td .sod_select,
#g-invit .fm th .sod_select {
  width: 300px;
}
#g-invit .fm .btn {
  padding: 20px 0 55px;
}
#g-invit .fm th {
  width: 300px;
  text-align: right;
  font-weight: 400;
}
#g-invit .list {
  font-size: 14px;
  width: 100%;
  border: 1px solid #ccc;
}
#g-invit .list thead {
  background-color: #f1f1f1;
}
#g-invit .list td {
  border: 1px solid #ccc;
  padding: 20px 10px;
  text-align: center;
  color: #666;
}
#g-invit .list .wt1 {
  text-align: left;
  padding-left: 40px;
}
#g-invit .list .wt1 img {
  width: 110px;
  height: 78px;
  vertical-alogn: middle;
}
#g-invit .list .wt1 h5 {
  padding-left: 10px;
  vertical-alogn: middle;
  font-size: 13px;
}
#g-invit .list .wt1 h5 a {
  font-weight: 700;
  color: #333;
  line-height: 25px;
  font-size: 14px;
}
#g-invit .list .wt1 h5 a:hover {
  color: #69f;
}
#g-show {
  margin-top: 15px;
}
#g-show .top {
  margin-bottom: 20px;
}
#g-show .top .img {
  width: 790px;
  height: 540px;
  float: left;
  position: relative;
  background: #000000;
}

#g-show .top .img .gallery-top {
  height: 100%;
  width: 100%;
}
#g-show .top .img .gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px;
  z-index: 9999;
  position: absolute;
  width: 100%;
  bottom: 0;
}
#g-show .top .img .gallery-thumbs-bg {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 9;
  opacity: 0.5;
  background: #000000;
}

.gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.7;
  cursor: pointer;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}

#g-show .top .img .big {
  width: 790px;
  height: 540px;
  display: block;
}
#g-show .top .img .lst {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 135px;
  width: 780px;
  padding-left: 10px;
  background-color: rgba(0, 0, 0, 0.5);
}
#g-show .top .img .lst img {
  width: 170px;
  height: 106px;
  margin: 8px 10px;
}
#g-show .top .desc {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 340px;
  height: 540px;
  float: right;
  /*border: 1px solid #ccc;*/
  background-color: #f5f5f5;
  line-height: 24px;
}
#g-show .top .desc .t1 {
  font: 700 16px/2 Microsoft YaHei;
  padding-left: 15px;
}
#g-show .top .desc .t2 {
  font-size: 14px;
  padding-left: 15px;
  color: #888;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-top: 10px;
}
#g-show .top .desc .t2 a {
  color: #888;
}
#g-show .top .desc .t2 a:hover {
  color: #69f;
}
#g-show .top .desc .t2 em {
  font-style: normal;
  font-size: 14px;
  color: #ff7300;
  line-height: 18px;
}
#g-show .top .desc .t3 {
  padding: 30px 15px;
  font-size: 12px;
  color: #333;
}
#g-show .top .desc .t3 i {
  font-style: normal;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background: url(../images/xx.png) no-repeat -21px 0;
  vertical-align: middle;
}
#g-show .top .desc .t3 .act {
  background-position: 0 0;
}
#g-show .top .desc .t3 em {
  font-style: normal;
  font-size: 14px;
  color: #ff7300;
  line-height: 18px;
}
#g-show .top .desc .t4 {
  margin: 15px;
  width: 90%;
  padding: 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /*border: 1px solid #ccc;*/
  background-color: #f5f5f5;
  position: relative;
}
#g-show .top .desc .t4 b {
  font-size: 30px;
  line-height: 40px;
  color: #ee620b;
}
#g-show .top .desc .t4 a {
  font: 16px Microsoft YaHei;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-decoration: none;
  padding: 5px 15px;
  background-color: #ff7300;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 25px;
}
#g-show .top .desc .t5 {
  padding-left: 15px;
  padding-bottom: 25px;
}
#g-show .top .desc dl {
  border-top: 1px solid #ccc;
  padding: 20px;
}
#g-show .top .desc dl dt {
  width: 90px;
  float: left;
}
#g-show .top .desc dl dt img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
#g-show .top .desc dl dd {
  width: 200px;
  float: right;
  line-height: 25px;
}
#g-show .top .desc dl dd b {
  font-size: 14px;
  color: #ff7300;
}
#g-show .top .desc dl dd a {
  border: 1px solid #ccc;
  line-height: 20px;
  padding: 0 10px;
  background-color: #fff;
}
#g-show .top .info {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 340px;
  height: 540px;
  float: right;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  font-size: 13px;
}
#g-show .top .info .li1 {
  text-align: right;
  line-height: 40px;
  padding-right: 12px;
  color: #999;
}
#g-show .top .info .li2 {
  font-size: 15px;
  padding: 0 15px 10px;
  font-weight: 700;
}
#g-show .top .info .li2 a {
  color: #000;
}
#g-show .top .info .li2 a:hover {
  color: #69f;
}
#g-show .top .info .li3 {
  color: #999;
  padding: 0 15px 20px;
  font-size: 14px;
}
#g-show .top .info .li4 {
  padding-bottom: 15px;
  margin: 0 15px 25px;
  border-bottom: 1px dashed #ccc;
  color: #666;
  font-size: 15px;
  line-height: 30px;
}
#g-show .top .info .li4 b {
  color: #ff7400;
  font-size: 22px;
}
#g-show .top .info .li5 {
  padding-bottom: 15px;
  margin: 0 15px 25px;
  border-bottom: 1px dashed #ccc;
  color: #999;
}
#g-show .top .info .li5 i {
  color: #ff7300;
}
#g-show .top .info .li6 {
  padding: 0 15px 10px;
}
#g-show .top .info .li6 label {
  width: 65px;
  color: #999;
  font-weight: 400;
  vertical-align: top;
}
#g-show .top .info .li6 span {
  padding-bottom: 8px;
  width: 220px;
  color: #ff7300;
  vertical-align: top;
}
#g-show .top .info .li6 span small {
  color: #666;
}
#g-show .top .info .li7 {
  border-top: 1px solid #ccc;
  padding: 15px;
}
#g-show .top .info .li7 a {
  background-color: #ff7300;
  color: #fff;
  line-height: 35px;
  padding: 0 30px;
  margin-right: 10px;
}
#g-show .top .info .li7 span {
  margin-top: 10px;
  border: 1px solid #ccc;
  padding: 2px 4px;
  background-color: #fff;
}
#g-show .tlist {
  border: 1px solid #ccc;
  border-top: 3px solid #ff7300;
  margin-bottom: 20px;
}
#g-show .tlist fieldset {
  padding: 10px;
  font-size: 14px;
  color: #666;
}
#g-show .tlist fieldset label,
#g-show .tlist fieldset em {
  display: block;
  float: left;
}
#g-show .tlist fieldset label {
  line-height: 34px;
  font-weight: 400;
  margin-right: 20px;
}
#g-show .tlist fieldset label b {
  color: #ff7400;
}
#g-show .tlist fieldset em {
  font-style: normal;
  width: 120px;
  margin-right: 20px;
}
#g-show .tlist fieldset button {
  border: none;
  background-color: #e96109;
  color: #fff;
  height: 34px;
  line-height: 34px;
  font-size: 15px;
  padding: 0 30px;
  cursur: pointer;
}
#g-show .tlist fieldset small {
  float: right;
  font-size: 14px;
  line-height: 34px;
}
#g-show .tlist fieldset small i {
  font-style: normal;
  color: #ff7400;
  line-height: 34px;
}
#g-show .tlist table {
  width: 100%;
}
#g-show .tlist table tr {
  border-top: 1px solid #ccc;
}
#g-show .tlist table tr td {
  padding: 20px 10px;
  text-align: center;
  font-size: 14px;
  color: #666;
}
#g-show .tlist table tr td .btn {
  background-color: #e96109;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  font-size: 13px;
}
#g-show .tlist table tr .wt1 {
  text-align: left;
  width: 350px;
  padding-left: 30px;
}
#g-show .tlist table tr .wt1 span {
  margin-left: 5px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  background: url(../images/zbg02.png) no-repeat 0 50%;
  padding: 0 5px 0 10px;
  color: #fff;
}
#g-show .tlist table tr .wt2 {
  width: 150px;
}
#g-show .tlist table tr .wt3 {
  width: 140px;
}
#g-show .tlist table tr.bg {
  background-color: #f1f1f1;
}
#g-show .tlist h3 {
  border-top: 1px solid #ccc;
  height: 40px;
  margin: 0;
  text-align: right;
  font-size: 14px;
  color: #69f;
  padding-right: 20px;
}
#g-show .tlist h3 em {
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  font-style: normal;
  background: url(../images/arw-up.png) no-repeat 95% 50%;
}
#g-show .tlist h3 em.down {
  background-image: url(../images/arw-down.png);
}
#g-show .dlist {
  border: 1px solid #ccc;
}
#g-show .dlist .tab-t {
  border-bottom: 1px solid #ccc;
  height: 51px;
  margin: 0;
}
#g-show .dlist .tab-t * {
  float: left;
  display: block;
}
#g-show .dlist .tab-t span {
  width: 120px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
#g-show .dlist .tab-t span.act {
  background-color: #ff7300;
  color: #fff;
}
#g-show .dlist .tab-t em {
  line-height: 50px;
  font-size: 25px;
  font-style: normal;
  text-decoration: underline;
  color: #ff7300;
  padding: 0 30px;
}
#g-show .dlist .tab-t a {
  float: right;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background-color: #ff7300;
  padding: 0 10px;
  margin: 10px 10px 0 0;
  font-size: 15px;
}
#g-show .dlist .tab-c {
  padding: 0 30px;
}
#g-show .dlist .tab-c tr {
  border-bottom: 1px dashed #ccc;
}
#g-show .dlist .tab-c tr th,
#g-show .dlist .tab-c tr td {
  vertical-align: top;
  padding: 15px;
  font-size: 14px;
  line-height: 30px;
  color: #666;
}
#g-show .dlist .tab-c tr th {
  width: 120px;
  text-align: right;
}
#g-show .dlist .tab-c tr.last {
  border-bottom: none;
}
#g-cnt {
  margin-top: 15px;
}
#g-cnt .menu {
  border: 1px solid #ccc;
  width: 193px;
  float: left;
  padding-bottom: 25px;
}
#g-cnt .menu h5 {
  border-bottom: 1px solid #ff7400;
  width: 100%;
  font-weight: 400px;
}
#g-cnt .menu h5 b {
  width: 60%;
  padding-left: 16%;
  line-height: 40px;
  background: url(../images/man.png) no-repeat 10% 50%;
  vertical-align: middle;
}
#g-cnt .menu h5 span {
  position: relative;
  width: 30%;
  height: 20px;
  background: url(../images/mail.png) no-repeat 50%;
  vertical-align: middle;
}
#g-cnt .menu h5 span i {
  position: absolute;
  right: 10%;
  top: -5px;
  font-style: normal;
  width: 20px;
  text-align: center;
  border-radius: .35em;
  background-color: #ff7302;
  color: #fff;
  font: 10px/15px Arial;
}
#g-cnt .menu dl {
  margin: 15px 0 0 15px;
  cursor: pointer;
  color: #666;
}
#g-cnt .menu dl dt {
  font-size: 14px;
  background: url(../images/arw-up.png) no-repeat 90% 50%;
}
#g-cnt .menu dl dt i {
  width: 4px;
  height: 4px;
  background-color: #ff7400;
  vertical-align: middle;
  margin-right: 8px;
}
#g-cnt .menu dl dt.dwn {
  background-image: url(../images/arw-down.png);
}
#g-cnt .menu dl dd {
  line-height: 25px;
  font-size: 14px;
  padding-left: 12px;
  padding-top: 10px;
}
#g-cnt .menu dl dd a {
  color: #999;
  text-decoration: none;
}
#g-cnt .menu dl dd a:hover {
  color: #69f;
}
#g-cnt .menu dl dd a.on {
  color: #ff7400;
}
#g-cnt .apply {
  width: 935px;
  float: right;
  border: 1px solid #ccc;
}
#g-cnt .apply h4 {
  padding: 10px 20px;
  margin-bottom: 40px;
}
#g-cnt .apply h4 * {
  vertical-align: middle;
}
#g-cnt .apply h4 b {
  border-left: 3px solid #ff7300;
  font-size: 14px;
  padding: 2px 8px;
}
#g-cnt .apply h4 i {
  width: 13px;
  height: 24px;
  background: url(../images/zbg01.png) no-repeat;
}
#g-cnt .apply h4 span {
  padding: 0 10px;
  border: 1px solid #ddd;
  border-left: none;
  background-color: #f1f1f1;
  color: #ff7300;
  font-size: 13px;
  height: 22px;
  line-height: 22px;
}
#g-cnt .apply table td,
#g-cnt .apply table th {
  padding: 10px;
  color: #333;
  font-size: 14px;
}
#g-cnt .apply table td input,
#g-cnt .apply table th input {
  border: 1px solid #ddd;
  heinght: 18px;
  line-heinght: 18px;
  padding: 8px;
  width: 300px;
}
#g-cnt .apply table td button,
#g-cnt .apply table th button {
  border: none;
  background-color: #e96109;
  color: #fff;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  padding: 0 50px;
  cursur: pointer;
}
#g-cnt .apply table .btn {
  padding: 20px 0 55px;
}
#g-cnt .apply table th {
  width: 300px;
  text-align: right;
  font-weight: 400;
}
#g-cnt .cont {
  width: 935px;
  float: right;
  padding-top: 52px;
}
#g-cnt .cont .info {
  position: relative;
  border: 1px solid #ccc;
  padding: 80px 0 40px;
  margin-bottom: 20px;
}
#g-cnt .cont .info p {
  background-color: #fff;
  position: absolute;
  top: -52px;
  left: 405px;
  width: 120px;
  height: 120px;
  border: 1px solid #ccc;
  border-radius: 60px;
  padding: 4px;
}
#g-cnt .cont .info p img {
  width: 110px;
  height: 110px;
  border: 1px solid #ccc;
  border-radius: 55px;
}
#g-cnt .cont .info .des {
  width: 45%;
  float: left;
  padding: 20px 0 0 30px;
}
#g-cnt .cont .info .des span {
  width: 45%;
  font-size: 14px;
  line-height: 40px;
  color: #666;
}
#g-cnt .cont .info .des span a {
  color: #e9610b;
}
#g-cnt .cont .info .des span a.a1 {
  color: #02599e;
  text-decoration: none;
}
#g-cnt .cont .info .des span a.a2 {
  color: #333;
  text-decoration: none;
}
#g-cnt .cont .info .des span a:hover {
  color: #69f;
}
#g-cnt .cont .info .fm {
  width: 50%;
  float: right;
  border-left: 2px solid #ccc;
  padding: 20px 0 20px 20px;
  font-size: 14px;
}
#g-cnt .cont .info .fm td {
  padding: 4px 8px;
}
#g-cnt .cont .info .fm td input {
  width: 145px;
  border: 1px solid #ddd;
  padding: 5px;
}
#g-cnt .cont .info .fm td .sod_select {
  width: 145px;
}
#g-cnt .cont .info .fm td button {
  border: none;
  background-color: #e96109;
  color: #fff;
  line-height: 30px;
  padding: 0 50px;
  margin-top: 20px;
}
#g-cnt .cont .info .fm td span {
  padding-left: 20px;
  color: #888;
}
#g-cnt .cont .info .fm td span i {
  font-style: normal;
  color: #e76207;
}
#g-cnt .cont .list {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px solid #ccc;
}
#g-cnt .cont .list h4 {
  font-size: 15px;
  font-weight: 700;
  color: #555;
  border-left: 3px solid #e96109;
  line-height: 20px;
  padding-left: 10px;
}
#g-cnt .cont .list table {
  width: 100%;
  border: 1px solid #ccc;
}
#g-cnt .cont .list table td {
  font-size: 14px;
  color: #666;
  border: 1px solid #ccc;
  padding: 20px 10px;
  line-height: 20px;
  text-align: center;
}
#g-cnt .cont .list table td a {
  color: #ff7400;
}
#g-cnt .cont .list table td a:hover {
  color: #69f;
}
#g-cnt .cont .list table thead {
  background-color: #f1f1f1;
}
#g-cnt .cont .list table thead td {
  font-weight: 700;
}
#g-cnt div.nopd {
  padding-top: 0;
}
#g-dtl {
  padding-top: 20px;
}
#g-dtl .lft {
  width: 800px;
  float: left;
}
#g-dtl .lft .cate {
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  padding-left: 20px;
  margin-bottom: 20px;
}
#g-dtl .lft .cate a {
  font-size: 15px;
  line-height: 60px;
  margin-right: 20px;
}
#g-dtl .lft .cate a.on {
  color: #ff4e0e;
}
#g-dtl .lft .cate a:hover {
  color: #69f;
}
#g-dtl .lft .cnt {
  border: 1px solid #ccc;
  color: #696969;
  padding: 0 20px;
  margin-bottom: 20px;
}
#g-dtl .lft .cnt h1 {
  font: 700 20px Microsoft YaHei;
}
#g-dtl .lft .cnt h1 a {
  color: #666;
  text-decoration: none;
}
#g-dtl .lft .cnt h6 {
  padding: 10px 0;
  font-size: 12px;
}
#g-dtl .lft .cnt h6 span {
  margin-right: 20px;
}
#g-dtl .lft .cnt div img {
  display: block;
  margin: 20px auto;
}
#g-dtl .lft .cnt div p {
  padding: 0 10px 20px;
  font: 14px/25px Microsoft YaHei;
}
#g-dtl .lft .cnt div p a.more {
  color: #ff7300;
  text-decoration: underline;
}
#g-dtl .lft .cnt div p a.more:hover {
  color: #69f;
  text-decoration: none;
}
#g-dtl .rgt {
  width: 320px;
  float: right;
}
#g-dtl .rgt .chat {
  padding: 20px 0 20px 20px;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  margin-bottm: 20px;
}
#g-dtl .rgt .chat dt {
  width: 96px;
  float: left;
}
#g-dtl .rgt .chat dt img {
  width: 96px;
}
#g-dtl .rgt .chat dd {
  width: 180px;
  padding: 15px 10px;
  float: left;
  text-align: center;
  font-size: 13px;
  color: #666;
}
#g-dtl .rgt .chat dd b {
  width: 100%;
  color: #ff7400;
  font-size: 14px;
  padding-bottom: 8px;
}
#g-dtl .rgt .list {
  border: 1px solid #ccc;
  font-size: 14px;
  padding-bottom: 10px;
}
#g-dtl .rgt .list dt {
  border-bottom: 1px solid #ccc;
  padding: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #ff7300;
  margin-bottom: 10px;
}
#g-dtl .rgt .list dd {
  padding: 0 10px;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#g-dtl .rgt .list dd a {
  font-family: SimSun;
  text-decoration: none;
}
#g-dtl .rgt .list dd a:hover {
  color: #69f;
}
#g-cmp {
  padding-top: 20px;
}
#g-cmp .lft {
  width: 810px;
  float: left;
}
#g-cmp .lft img {
  width: 810px;
}
#g-cmp .lft dl {
  margin-top: 20px;
  color: #666;
}
#g-cmp .lft dl dt {
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  height: 40px;
  padding-left: 10px;
}
#g-cmp .lft dl dt span {
  border-left: 3px solid #e96109;
  margin-top: 12px;
  padding-left: 10px;
  font: 700 14px/16px Microsoft YaHei;
}
#g-cmp .lft dl dd {
  padding: 10px 0 20px;
  font: 14px/30px Microsoft YaHei;
}
#g-cmp .rgt {
  width: 320px;
  float: right;
  border: 1px solid #ccc;
  padding-bottom: 20px;
}
#g-cmp .rgt h4 {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px 15px;
  font-size: 15px;
  font-weight: 700;
  color: #ff7300;
  margin-bottom: 20px;
}
#g-cmp .rgt p {
  margin: 14px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  text-align: center;
  padding: 30px 0;
  color: #666;
}
#g-cmp .rgt p a {
  width: 100%;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background-color: #e96109;
  margin-bottom: 30px;
}
#g-cmp .rgt img {
  display: block;
  width: 290px;
  margin: auto;
}
#g-cmp .rgt table {
  font-size: 14px;
  color: #666;
}
#g-cmp .rgt table th {
  font-weight: 400;
  padding: 10px 0;
  width: 85px;
  text-align: right;
}
#g-cmp .rgt table td {
  padding: 10px;
}
#big-slide {
  width: 650px;
  height: 400px;
  position: relative;
  float: left;
  margin: 10px 10px 0 10px;
}
#screen-slide {
  width: 100%;
  height: 360px;
  position: relative;
  margin: 0 auto;
}
#screen-slide img {
  margin: 0 auto;
}
.carousel-indicators {
  bottom: 0;
}
.carousel-indicators li {
  border: none;
  background-color: #8b8b8b;
}
.carousel-indicators .active {
  width: 10px;
  height: 10px;
  margin: 1px;
  background-color: #fe7400;
}
.service-panel {
  margin-top: 5px;
  width: 250px;
}
.service-panel .solutions {
  margin-top: 5px;
  border: 1px solid #ddd;
}
.service-panel .solutions .title {
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
}
.service-panel .solutions .solutions-form {
  padding: 10px;
}
.service-panel .solutions .solutions-form .form-group {
  margin-bottom: 5px;
}
.service-panel .solutions .solutions-form .form-group .sod_select {
  width: 140px;
}
.service-panel .solutions .solutions-form .form-group .sod_list_wrapper {
  width: 140px;
}
.service-panel .solutions .solutions-form .btn {
  width: 100%;
}
.service-panel .notice {
  margin-top: 10px;
  border: 1px solid #ddd;
}
.service-panel .notice .notice-title {
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  font-weight: bold;
  padding: 0 10px;
  border-bottom: 1px solid #ddd;
}
.service-panel .notice .notice-title .control-btn {
  font-size: 12px;
  border: 1px solid #ddd;
  display: block;
  padding: 0 8px;
  height: 23px;
  color: #fe7400;
  float: left;
  position: relative;
  top: 5px;
  margin-left: 3px;
  background-color: #f5f5f5;
}
.service-panel .notice .notice-title .control-btn .glyphicon {
  top: -5px;
}
.service-panel .notice .notice-content {
  height: 78px;
}
.service-panel .notice .notice-content .item {
  padding: 10px;
}
.i_slide {
  padding-bottom: 10px;
}
#g-publish {
  width: 1138px;
  border: 1px solid #ccc;
  margin: 20px auto;
}
#g-publish div {
  display: none;
}
#g-publish div.on {
  display: block;
}
#g-publish table {
  width: 100%;
}
#g-publish table thead {
  text-align: center;
  background-color: #f1f1f1;
  font-size: 15px;
  line-height: 40px;
}
#g-publish table tbody td {
  padding: 20px 10px;
  font-size: 14px;
  color: #333;
}
#g-publish table tbody td input {
  border: 1px solid #ccc;
  width: 300px;
  padding: 8px;
}
#g-publish table tbody td input.chk {
  width: 15px;
  height: 15px;
  vertical-align: top;
}
#g-publish table tbody td .sod_select {
  border: 1px solid #ccc;
  width: 300px;
  padding: 13px;
}
#g-publish table tbody td textarea {
  border: 1px solid #ccc;
  width: 350px;
  padding: 8px;
  height: 120px;
}
#g-publish table tbody .wt1 {
  width: 420px;
  text-align: right;
}
#g-publish table tbody .wt1 span {
  color: #ff500f;
}
#g-publish table tfoot button {
  border: none;
  display: block;
  background-color: #e96109;
  color: #fff;
  font-size: 15px;
  padding: 15px 150px;
  margin: 30px auto;
}
#g-publish h2 {
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
}
#g-publish h2 span {
  cursor: pointer;
  display: block;
  float: left;
  width: 568px;
  height: 60px;
  padding-top: 12px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: center;
  font-size: 14px;
  color: #333;
}
#g-publish h2 span b {
  font-size: 18px;
}
#g-publish h2 .on {
  border-left: 1px solid #ccc;
  border-color: #fff;
  color: #fd4f0a;
}
#g-p1 .sch {
  float: left;
  width: 228px;
  height: 397px;
  margin-left: 10px;
  margin-top: 0;
}
#g-p1 .sch .solutions {
  margin-top: 0;
  padding-bottom: 4px;
}
#g-p1 .sch .solutions .sod_select {
  width: 130px;
}
#g-p1 .sch .solutions label {
  font-weight: 400;
  padding-right: 5px;
  color: #999;
}
#g-p1 .sch .solutions .form-group {
  margin-bottom: 13px;
}
#g-p1 .sch .btn1 {
  border: 1px solid #ccc;
  border-top: none;
  text-align: center;
  height: 103px;
  padding-top: 40px;
}
#g-p1 .sch .btn1 button {
  width: 90%;
}
#g-p1 .ctr {
  float: left;
  width: 592px;
  height: 397px;
  margin-left: 10px;
}
#g-p1 .ctr img {
  display: block;
  width: 592px;
  height: 290px;
  margin-bottom: 10px;
}
#g-p1 .ctr p {
  border: 1px solid #ccc;
  height: 95px;
}
#g-p1 .ctr p span {
  display: block;
  float: left;
  width: 33%;
  text-align: center;
  padding: 8px 0;
  margin: 18px 0;
  color: #fd500c;
  font-size: 14px;
  border-right: 1px solid #fd500c;
}
#g-p1 .ctr p span small {
  font-size: 12px;
  color: #666;
}
#g-p1 .ctr p .last {
  border-right: 0;
}
#g-p1 .top {
  padding-top: 20px;
}
#g-p1 dl.nt {
  border: 1px solid #ccc;
  width: 300px;
  height: 395px;
  float: left;
}
#g-p1 dl.nt dt {
  border-bottom: 1px solid #ddd;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: bold;
}
#g-p1 dl.nt dd {
  line-height: 18px;
  padding: 14px 20px 0;
  font-size: 13px;
}
#g-p1 dl.nt dd a {
  color: #8b8b8b;
}
#g-p1 dl.nt dd a:hover {
  color: #69f;
}
#g-p1 dl.tt,
#g-p1 div.tt {
  margin: 20px 0;
}
#g-p1 dl.tt dt,
#g-p1 div.tt dt,
#g-p1 dl.tt h4,
#g-p1 div.tt h4 {
  height: 20px;
  border-bottom: 1px solid #ccc;
}
#g-p1 dl.tt dt b,
#g-p1 div.tt dt b,
#g-p1 dl.tt h4 b,
#g-p1 div.tt h4 b {
  font: 400 27px Microsoft YaHei;
  display: block;
  margin: -10px auto 0;
  width: 190px;
  background-color: #fff;
}
#g-p1 dl.tt dd,
#g-p1 div.tt dd,
#g-p1 dl.tt h5,
#g-p1 div.tt h5 {
  padding-top: 40px;
  padding-bottom: 20px;
}
#g-p1 dl.tt dd a,
#g-p1 div.tt dd a,
#g-p1 dl.tt h5 a,
#g-p1 div.tt h5 a,
#g-p1 dl.tt dd em,
#g-p1 div.tt dd em,
#g-p1 dl.tt h5 em,
#g-p1 div.tt h5 em {
  font: 16px Microsoft YaHei;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-decoration: none;
  padding: 3px 15px;
}
#g-p1 dl.tt dd a,
#g-p1 div.tt dd a,
#g-p1 dl.tt h5 a,
#g-p1 div.tt h5 a {
  color: #676767;
}
#g-p1 dl.tt dd a:hover,
#g-p1 div.tt dd a:hover,
#g-p1 dl.tt h5 a:hover,
#g-p1 div.tt h5 a:hover {
  background-color: #ec6209;
  color: #fff;
}
#g-p1 dl.tt dd a.act,
#g-p1 div.tt dd a.act,
#g-p1 dl.tt h5 a.act,
#g-p1 div.tt h5 a.act {
  background-color: #ec6209;
  color: #fff;
}
#g-p1 h6 {
  font-size: 14px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #efefef;
  padding: 15px 0;
  text-align: left;
}
#g-p1 h6 span {
  width: 200px;
  font-size: 14px;
  color: #666;
  font-weight: 400;
}
#g-p1 h6 i {
  font-style: normal;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 15px;
}
#g-p1 h6 input {
  margin: 0;
  padding: 9px;
  width: 200px;
  color: #333;
  border: 1px solid #ccc;
}
#g-p1 h6 button {
  padding: 11px 20px;
  border: none;
  background-color: #ff7300;
  color: #fff;
  font-weight: 700;
}
#g-p1 h6 a {
  color: #666;
}
#g-p1 dl.spe {
  padding-bottom: 20px;
}
#g-p1 .row {
  margin-left: -3px;
  margin-right: -3px;
}
#g-p1 .row .col-sm-3 {
  padding-left: 3px;
  padding-right: 3px;
}
#g-p1 .row .col-sm-3 .recommend-content {
  padding: 2px;
  padding-bottom: 10px;
}
#g-p1 .row .col-sm-3 .recommend-content img {
  width: 274px;
  height: 200px;
}
#g-p1 .row .tip {
  position: absolute;
  width: 85px;
  padding-left: 15px;
  height: 36px;
  background: url(../images/tip.png) no-repeat;
  left: -2px;
  top: 15px;
  color: #fff;
  font: 15px/28px Microsoft YaHei;
}
#g-p1 .row .tip2 {
  width: 150px;
  background-image: url(../images/tip2.png);
}
#g-p1 #for-slide {
  border: 1px solid #ccc;
  height: 360px;
  margin-bottom: 40px;
}
#g-p1 #for-slide .slide {
  height: 360px;
}
#g-p1 #for-slide .slide img {
  display: block;
  float: left;
  height: 358px;
  width: 580px;
}
#g-p1 #for-slide .slide p {
  width: 500px;
  display: block;
  float: left;
  padding: 10px 30px;
  line-height: 24px;
}
#g-p1 #for-slide .slide p .t1 {
  font: 700 16px/2 Microsoft YaHei;
}
#g-p1 #for-slide .slide p .t2 {
  font-size: 14px;
  color: #888;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-top: 10px;
}
#g-p1 #for-slide .slide p .t2 a {
  color: #888;
}
#g-p1 #for-slide .slide p .t2 a:hover {
  color: #69f;
}
#g-p1 #for-slide .slide p .t2 em {
  font-style: normal;
  font-size: 14px;
  color: #ff7300;
  line-height: 18px;
}
#g-p1 #for-slide .slide p .t5 {
  padding-bottom: 25px;
  background: url(../images/ic.png) no-repeat 0 100%;
}
#g-p1 #for-slide .slide p .t3 {
  font-size: 12px;
  color: #333;
}
#g-p1 #for-slide .slide p .t3 i {
  font-style: normal;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background: url(../images/xx.png) no-repeat -21px 0;
  vertical-align: middle;
}
#g-p1 #for-slide .slide p .t3 .act {
  background-position: 0 0;
}
#g-p1 #for-slide .slide p .t3 em {
  font-style: normal;
  font-size: 14px;
  color: #ff7300;
  line-height: 18px;
}
#g-p1 #for-slide .slide p .t4 {
  margin-top: 20px;
  width: 80%;
  padding: 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  position: relative;
}
#g-p1 #for-slide .slide p .t4 b {
  font-size: 30px;
  line-height: 40px;
  color: #ee620b;
}
#g-p1 #for-slide .slide p .t4 a {
  font: 16px Microsoft YaHei;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-decoration: none;
  padding: 5px 15px;
  background-color: #ff7300;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 25px;
}
#g-p1 #for-slide .carousel-z {
  margin-bottom: 5px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 15;
  width: 30%;
  margin-right: -8.8%;
  list-style: none;
  text-align: center;
}
#g-p1 #for-slide .carousel-z li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #ddd;
  color: #ea6309;
  text-align: center;
  cursor: pointer;
}
#g-p1 #for-slide .carousel-z .active {
  background-color: #ff7401;
  color: #fff;
}
#g-p1 .filter {
  padding-top: 30px;
}
#g-p1 .filter h6 {
  font-size: 14px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #efefef;
  padding: 15px 0;
  text-align: left;
}
#g-p1 .filter h6 span {
  width: 200px;
  font-size: 14px;
  color: #666;
  font-weight: 400;
}
#g-p1 .filter h6 i {
  font-style: normal;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 15px;
}
#g-p1 .filter h6 input {
  margin: 0;
  padding: 9px;
  width: 200px;
  color: #333;
  border: 1px solid #ccc;
}
#g-p1 .filter h6 button {
  padding: 11px 20px;
  border: none;
  background-color: #ff7300;
  color: #fff;
  font-weight: 700;
}
#g-p1 .filter h6 a {
  color: #666;
  text-decoration: underline;
}
#g-p1 .filter h5 {
  font-size: 12px;
  padding: 10px 0 10px;
  border-bottom: 1px solid #ccc;
}
#g-p1 .filter h5 u {
  text-decoration: none;
  display: block;
  width: 120px;
  font-size: 14px;
  color: #666;
  float: left;
}
#g-p1 .filter h5 u .sod_select {
  font-weight: 400;
}
#g-p1 .filter h5 i {
  font-style: normal;
  display: block;
  margin-left: 15px;
  float: left;
  line-height: 34px;
}
#g-p1 .filter dl {
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  margin-bottom: 10px;
}
#g-p1 .filter dl dt {
  font-weight: 400;
  margin-left: 15px;
  float: left;
  margin-top: 3px;
}
#g-p1 .filter dl dd {
  width: 1000px;
  float: left;
}
#g-p1 .filter dl dd a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 10px;
  color: #666;
  padding: 2px 3px;
  margin-bottom: 8px;
}
#g-p1 .filter dl dd .act {
  background-color: #ff7300;
  color: #fff;
}
.list-view h4 {
  font-size: 12px;
  background-color: #efefef;
  padding: 10px 0;
  text-align: left;
  position: relative;
  margin: 0 3px 10px 3px;
}
.list-view h4 span {
  padding-left: 15px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-right: 50px;
  vertical-align: middle;
  font-weight: 700;
  color: #666;
}
.list-view h4 span b {
  color: #ff7300;
}
.list-view h4 u {
  font-size: 12px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.list-view h4 u a {
  display: block;
  float: left;
  padding: 5px 12px;
}
.list-view h4 u .act {
  background-color: #ff7300;
  color: #fff;
}
.list-view h4 em {
  position: absolute;
  right: 10px;
  font-style: normal;
  font-size: 13px;
}
.list-view h4 em b {
  font-weight: 400;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 15px;
}
.list-view h4 em b small {
  color: #ff7300;
  font-size: 13px;
}
.list-view h4 em a {
  text-decoration: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 5px 18px;
  vertical-align: middle;
  background-color: #fff;
}
.list-view h4 em .dis {
  background-color: #f1f1f1;
  color: #ddd;
}
.pages {
  margin: 20px 0;
}
.pages .list {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* ie7 */
}
.pages .list a,
.pages .list b,
.pages .list span,
.pages .list input,
.pages .list button {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* ie7 */
  padding: 8px 11px;
  font: 14px/1 Microsoft YaHei;
  margin: 0 5px;
  vertical-align: middle;
  border: 1px solid #ccc;
}
.pages .list a {
  border: 1px solid #ccc;
  background-color: #f6f6f6;
  text-decoration: none;
}
.pages .list b {
  color: #ed610a;
  border-color: #fff;
}
.pages .list span {
  border-color: #fff;
  color: #8b8b8b;
}
.pages .list input {
  margin: 0;
  padding: 5px;
  width: 40px;
  color: #333;
  text-align: center;
}
.pages .list button {
  padding: 8px 20px;
}
#recommend .pages {
  margin: 20px 0;
}
#recommend .pages .list {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* ie7 */
}
#recommend .pages .list a,
#recommend .pages .list b,
#recommend .pages .list span,
#recommend .pages .list input,
#recommend .pages .list button {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* ie7 */
  padding: 8px 11px;
  font: 14px/1 Microsoft YaHei;
  margin: 0 5px;
  vertical-align: middle;
  border: 1px solid #ccc;
}
#recommend .pages .list a {
  border: 1px solid #ccc;
  background-color: #f6f6f6;
  text-decoration: none;
}
#recommend .pages .list b {
  color: #ed610a;
  border-color: #fff;
}
#recommend .pages .list span {
  border-color: #fff;
  color: #8b8b8b;
}
#recommend .pages .list input {
  margin: 0;
  padding: 5px;
  width: 40px;
  color: #333;
}
#recommend .pages .list button {
  padding: 8px 20px;
}
#recommend .type {
  margin-top: 20px;
  margin-left: -3px;
}
#recommend .type a {
  display: block;
  float: left;
  background-color: #ddd;
  width: 75.5px;
  height: 75px;
  margin: 0 3px;
  text-align: center;
  font: 15px/75px Microsoft YaHei;
  text-decoration: none;
  color: #686868;
}
#recommend .type a:hover {
  background-color: #ff510c;
  color: #fff;
}
#recommend .row {
  margin-top: 15px;
  margin-left: -3px;
  margin-right: -3px;
}
#recommend .row .col-sm-3 {
  padding-left: 3px;
  padding-right: 3px;
}
#recommend .row .col-sm-4 {
  padding-left: 3px;
  padding-right: 3px;
}
#recommend .recommend-title {
  padding-left: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #ddd;
}
#recommend .primary-recommend {
  color: #fe7400;
  border-color: #fe7400;
}
#recommend .theme-recommend {
  margin-top: 30px;
  margin-bottom: 20px;
  color: #1a6bb6;
  border-color: #1a6bb6;
}
.recommend {
  border: 1px solid #ddd;
  margin-bottom: 10px;
}
.recommend:hover {
  border: 1px solid #fe7400;
}
.recommend .recommend-content {
  padding: 10px;
  background-color: #ffffff;
  border-bottom: 1px solid #ddd;
}
.recommend .recommend-content h3 {
  font-size: 16px;
}
.recommend .recommend-content h3.text-bold {
  font-weight: 700;
}
.recommend .recommend-content img {
  height: 192px;
  width: 258px;
}
.recommend .recommend-content p {
  margin: 0;
  text-align: center;
  color: #8b8b8b;
}
.recommend .recommend-content .p1 {
  text-align: left;
}
.recommend .quote {
  border-top: 1px solid #ffffff;
  font-size: 16px;
  padding: 15px 10px;
  font-weight: bold;
  color: #ec6209;
  background-color: #ffffff;
}
.recommend .quote .btn-theme {
  padding: 6px 20px;
  float: right;
  margin-top: -5px;
}
.recommend .quote .btn-appo {
  padding: 6px 20px;
  margin-top: -5px;
  background-color: #ec6209;
  border-color: #ec6209;
  color: #fff;
  margin: 0 auto;
}
.theme-list {
  margin-bottom: 20px;
}
.theme-list .theme {
  width: 280px;
  height: 360px;
  overflow: hidden;
  float: left;
}
.theme-list .theme-product {
  background-color: #ffffff;
  float: left;
  width: 860px;
  height: 360px;
}
.theme-list .theme-product .col-sm-3 {
  padding: 0;
  border-right: 1px solid #ddd;
  height: 360px;
}
.theme-list .theme-product .col-sm-3:last-child {
  border-right: none;
}
.theme-list .p-content {
  padding: 10px;
  background-color: #ffffff;
}
.theme-list .p-content img {
  width: 192px;
  height: 135px;
}
.theme-list .p-content h4 {
  margin-top: 20px;
  font-size: 18px;
}
.theme-list .p-content p {
  margin: 0;
  text-align: center;
  color: #8b8b8b;
  padding-bottom: 5px;
}
.theme-list .price {
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #ec6209;
  text-align: center;
}
.theme-list .btn {
  padding: 10px 30px;
  margin-top: 10px;
  font-weight: bold;
  font-size: 14px;
}
.z-strategy {
  margin-top: 30px;
}
.strategy {
  height: 368px;
  background-color: #ffffff;
  position: relative;
}
.strategy .mark {
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}
.strategy img {
  width: 100%;
}
.strategy .content {
  padding: 10px;
}
.strategy .content h4 {
  font-size: 16px;
  color: #ec6209;
}
.strategy .content p {
  color: #8b8b8b;
}
.strategy .dynamic {
  background-color: #b24240;
}
.strategy .share {
  background-color: #40b2a9;
}
.strategy .theme {
  background-color: #fe7400;
}
.new-demand {
  height: 368px;
  background-color: #ffffff;
}
.new-demand h4 {
  margin: 0;
}
.new-demand strong {
  font-size: 16px;
}
.new-demand strong span {
  font-size: 23px;
  color: #ec6209;
}
.new-demand .nums {
  padding-left: 20px;
}
.new-demand .demand-title {
  padding: 10px;
  border-bottom: 1px solid #f1f1f1;
}
.new-demand ul {
  padding: 10px;
}
.new-demand ul li {
  padding-bottom: 5px;
}
.new-demand ul li a {
  color: #8b8b8b;
}
.comment-title {
  margin-top: 30px;
}
.comment .col-sm-4 {
  margin-bottom: 10px;
}
.comment .col-sm-4 .comment-warp {
  background-color: #e7e7e7;
  height: 126px;
  display: block;
}
.comment .col-sm-4 .comment-warp:hover {
  background-color: #ff500b;
  text-decoration: none;
  cursor: pointer;
}
.comment .col-sm-4 .comment-warp:hover .content {
  color: #ffffff;
}
.comment .col-sm-4 img {
  width: 150px;
  float: left;
}
.comment .col-sm-4 .content {
  padding-left: 160px;
  padding-right: 10px;
  padding-top: 15px;
  line-height: 25px;
  color: #595959;
}
.flow {
  width: 271px;
  height: 364px;
  float: left;
  margin-left: 15px;
}
.flow .title {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
}
.flow .flow-content {
  background-color: #ffffff;
  height: 310px;
  padding: 10px;
}
.flow .flow-content > img {
  width: 100%;
}
.flow .flow-content li {
  padding: 4px 0;
}
.flow .flow-content a {
  color: #8b8b8b;
}
.flow .flow-content a span {
  color: #ec6209;
  white-space: nowrap;
}
.line {
  height: 1px;
  border-top: 1px solid #cccccc;
  margin: 30px 0;
}
.service-promise .col-sm-3 {
  text-align: center;
}
.f-icon {
  font-size: 50px;
  color: #ec6209;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  border: 1px solid #ec6209;
  text-align: center;
  line-height: 90px;
}
.footer-m {
  padding-bottom: 30px;
}
.footer-m dl {
  float: left;
  padding-right: 60px;
}
.footer-m dl dt {
  font-size: 16px;
  margin-bottom: 10px;
}
.footer-m dl dd {
  line-height: 25px;
}
.footer-m .media-code {
  float: left;
  background-color: #fff;
  padding: 10px;
  margin-right: 30px;
}
.footer-m .media-code p {
  margin: 0;
  padding-top: 3px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.footer-m .contact {
  text-align: right;
}
.footer-m .contact p {
  margin: 0;
  color: #959595;
}
.footer-m .contact h3 {
  color: #ec6209;
  margin-bottom: 20px;
}
.footer {
  background-color: #F5F5F5;
}
.footer .copyright {
  background-color: #555555;
  color: #fff;
  line-height: 50px;
  text-align: center;
}
.footer .copyright a {
  color: #fff;
}


/*
 * Component: Timeline
 * -------------------
 */
.timeline {
  position: relative;
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
}
.timeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #ddd;
  left: 31px;
  margin: 0;
  border-radius: 2px;
}
.timeline > li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 15px;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-item {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin-top: 0;
  background: #fff;
  color: #444;
  margin-left: 60px;
  margin-right: 15px;
  padding: 0;
  position: relative;
}
.timeline > li > .timeline-item > .time {
  color: #999;
  float: right;
  padding: 10px;
  font-size: 12px;
}
.timeline > li > .timeline-item > .timeline-header {
  margin: 0;
  color: #555;
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
  font-size: 16px;
  line-height: 1.1;
}
.timeline > li > .timeline-item > .timeline-header > a {
  font-weight: 600;
}
.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
  padding: 10px;
}
.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  color: #666;
  background: #d2d6de;
  border-radius: 50%;
  text-align: center;
  left: 18px;
  top: 0;
}
.timeline > .time-label > span {
  font-weight: 600;
  padding: 5px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
}
.timeline-inverse > li > .timeline-item {
  background: #f0f0f0;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.timeline-inverse > li > .timeline-item > .timeline-header {
  border-bottom-color: #ddd;
}


/** 排序 **/
.list-view .asc, .list-view .desc {
  background: #ff7300;
  color: #ffffff;
}